<!DOCTYPE html>
<html>
    <head>
        <title>{$title}</title>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <meta name="keywords" content="{$keywords}">
        <meta name="description" content="{$description}">
        <link rel="shortcut icon" href="__PUBLIC__/favicon.ico">
        <link rel="stylesheet" href="__PUBLIC__/App/tv/css/style.css?v=1.0.1">
        <!-- 引入 jQuery 库 -->
        <script type="text/javascript" src="__PUBLIC__/App/tv/js/jquery-2.1.4.min.js"></script>
        <script type="text/javascript" src="__PUBLIC__/App/tv/js/knockout-2.3.0.js"></script>
        <script type="text/javascript" src="__PUBLIC__/Home/ui3/js/web/paging.js"></script>
        <script type="text/javascript" src="__PUBLIC__/App/tv/js/index.js?v=1.0"></script>
        <script type="text/javascript">
            {:C('GLOBAL_BDHM')}
        </script>
    </head>
    <body>
        <!--part1-->
        <div class="part-one relative">
            <div class="header absolute">
                <div class="width13">
                    <p class="toplogo"><img src="__PUBLIC__/App/tv/images/logo.png"/></p>
                    <a href="{:U('/')}#tv" target="_blank" class="intowebsite">进入官网</a>
                </div>
            </div> 
            <!--活动规则-->
            <div class="tvrule absolute">
                <p>活动规则详情：</p>
                <p>活动期内，上传含有 #我要上电视#活动标题的OW游戏视频到<em>66play</em>，就有机会被<em>66play</em>收录且制成合集发布到各大站点。被收录者还能领取60战网点数奖励哦~</p><br><br>
                <p>小贴士：大招不感冒，搞怪才是王道！</p>
                <p>无厘头、恶搞、抽风等风格视频内容我们更青睐哟！多多益善！</p>
            </div>
        </div>
        <!--part2-->
        <div class="part-two width13 paddingtb40">
            <div class="display-box">
                <p class="activity-rule box-flex">
                视频要求：<br>
                1. 游戏视频系原创，视频内容无水印无logo（66play除外）。<br>
                2. 视频标题必须含有 #我要上电视#   的活动字样，凡无活动字样均不在此次活动素材收集范围内。<br>
                3. 本次活动只针对守望先锋游戏的视频，其他游戏视频均无效。 <br>
                4. 本次活动的最终解释权归66play官网团队所有。
                </p>
                <p class="activity-rule box-flex">
                    领奖方式：<br>
                    7月29日（即活动结束第二天）中午12：00，在活动详情页面公布本次“我要<br>上电视”活动的获奖者名单，请获奖者联系66play官方群(官方交流群：480306289)领取奖励。<br>
                </p>
            </div>
        </div>
        <!--par3-->
        <notempty name="winningVideos">
        <div class="part-two video-collection">
            <div class="video-collcon">
                <h1 class="relative">
                    <!--有连接可点时 a标签的样式-->
                    <!-- <a class="border_orange" title="查看上一期"></a> -->
                    <a></a>
                    <img src="__PUBLIC__/App/tv/images/highlights.png"/>
                    <!--无连接可点时 a标签的样式-->
                    <a></a>
                </h1>
                <p class="font18">Collection</p>
                <div class="myElementout">
                    <iframe src="{:U('home/VideoPlay/play', ['id' => $winningVideos['video_id'], 'autoplay' => 1])}" scrolling="no" frameborder="0"></iframe>
                </div>
                <notempty name="winningVideos.users">
                <!--本期收录玩家-->
                <div class="current-player font14">
                    <span>本期收录玩家：</span>
                    <ul class="current-player-ul display-box">
                        <!-- 上榜用户 -->
                        <volist name="winningVideos.users" id="u">
                            <li class="box-flexo">
                                <span>
                                    <a href="{:U('home/others/index', ['uid' => $u['id']])}#tv" target="_blank">
                                        <img src="{$u.avatar|default='__PUBLIC__/Home/ui3/images/avatar-mr.png'}">
                                    </a>
                                </span>
                                <em>
                                    <a href="{:U('home/others/index', ['uid' => $u['id']])}#tv" target="_blank">{$u.nickname}</a>
                                </em>
                            </li>
                        </volist>
                    </ul>
                </div>
                </notempty>
            </div>
        </div>
        </notempty>

        <!--part4-->
        <!-- ko if:videos().length > 0 -->
        <div class="part-two width13 wonderful">
        <h1><img src="__PUBLIC__/App/tv/images/part02title.png"/></h1>
            <ul class="preview-ul">
                <!-- ko foreach:videos -->
                <li>
                    <a href="" target="_blank" data-bind="attr:{'href':videoLink},event:{mouseover:play, mouseout:pause}">
                        <div class="preview-img relative">
                            <!-- <img src="" data-bind="attr:{'src':thumb}"/> -->
                            <video style="display: block;" src="" poster="" data-bind="attr:{'poster':thumb, 'src':src}" loop="loop"></video>
                        </div>
                        <span class="preview-title font14" data-bind="text:title"></span>
                        <p class="display-box preview-footer font14">
                            <span class="box-flexo">
                                <i><img src="" data-bind="attr:{'src':avatar}"/></i>
                                <em data-bind="text:nickname"></em>
                            </span>
                            <span class="box-flexo" data-bind="text:create_time"></span>
                        </p>
                    </a>
                </li>
                <!-- /ko -->
                <p class="flip" data-bind="visible:paging().length > 1, foreach:paging">
                    <!-- ko if:!is_next -->
                    <a data-bind="css:{'active': is_current,'back_orange':is_current}, click:click, text:text" class="" href="javascript:;"></a>
                    <!-- /ko -->
                </p>
            </ul>
        </div>
        <!-- /ko -->
        <!--part5-->
        <div class="part-three">
            <div class="width13">
                <div class="play-mes left">
                    <p class="logo-btn">
                        <span class="play-logo left"></span>
                        <a href="{:U('home/download/index')}#tv" target="_blank" class="downloadbtn right font12">下载工具</a>
                    </p>
                    <p class="play-desc font13">
                        <span>最轻量级录制工具，独创“时光机”录制模式<br>
                            <em class="orange">[开启录制模式后，只需点击热键即可即时记录上一分钟的炫酷操作]</em>
                            <br>
                            轻松记录亮眼时刻，随时保存游戏足迹，打造专属于你的游戏回忆录！
                        </span>
                        <br><br><br>
                        <span>官方微博账号：<a href="http://weibo.com/p/1006065640304166/home?from=page_100606&mod=TAB&is_all=1#1464945059024" target="_blank" class="orange link">66play电子竞技</a></span>
                        <span>微信公众号：66Play</span>
                        <span>官方网站：<a href="{:U('/')}#tv" target="_blank" class="orange link">www.66Play.com</a></span>
                    </p>
                </div>
                <p><img src="__PUBLIC__/App/tv/images/footerpic.png" class="right"/></p>
            </div>
        </div>
        <script type="text/javascript">
            // 加载背景图片
            var img = new Image();
            img.src = "__PUBLIC__/App/tv/images/topbg.jpg";
            img.onload = function() {
                $('.part-one').css({
                    'background':'url('+img.src+') right center no-repeat'
                });
            }
            window._THIS = {
                defaultAvatar : "__PUBLIC__/Home/ui3/images/avatar-mr.png",
                videoLink : "{:U('home/share/video')}",
                url : "{:U('tv/index')}",
                total : {$total},
                pager : {$limit},
                bgImg : "__PUBLIC__/App/tv/images/topbg.jpg",
                iframeUrl : "{:U('home/VideoPlay/play')}",
            };
            function dataInit() {
                var videos = {$videos|json_encode};
                viewModel.videos(getVideos(videos));
                viewModel.paging(getPaging(_THIS.total, _THIS.pager, 1, changePage));
            }
        </script>
    </body>
</html>